iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0

咒語:我要建構React vite環境 要下那些指令

會得到以下回傳

要建構 React Vite 環境,你可以按照以下步驟執行指令:

首先,確保你已經安裝了 Node.js。你可以前往官方網站(https://nodejs.org/)下載並安裝最新版本的 Node.js。

打開終端機(Terminal)並移動到你想要創建項目的目錄下。

執行以下指令來初始化一個新的 React Vite 項目:

Copy code
npm init vite@latest my-react-app --template react

(依據指令進行安裝 選項這裡會選 React >JavaScript)
這個指令將使用 Vite 快速初始化一個 React 項目,並將它儲存在一個名為 "my-react-app" 的目錄中。

移動到新建立的項目目錄:

cd my-react-app

現在,你可以安裝項目的相依套件:

npm install

最後,執行開發伺服器以啟動應用程序:

npm run dev

React Vite 應用程序應該會在預設端口上啟動(通常是 http://localhost:3000/)。你可以在瀏覽器中打開該 URL,開始開發你的 React 應用程序。

(依據指令 這裡幫他勘誤一下 vite 目前開啟的是http://127.0.0.1:5173/ 或http://localhost:5173/)
開啟後 我們的畫面如下)
https://ithelp.ithome.com.tw/upload/images/20230912/200983458cnnOH8ocF.png
我們的專案就完成了(X 環境就建構好了(O


上一篇
[Day1]2023 AI興起
下一篇
[Day3] 扮演遊戲
系列文
I have an AI ,I have a React, Ugh ,AI -React 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言